﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test java script</title>
<link href="css/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="java/jquery-ui-1.8.13.custom.min.js"></script>
</head>
<body>


<div id="tS2" class="jThumbnailScroller">
    <div class="jTscrollerContainer">
        <div class="jTscroller">
            <a href="#"><img src="anh/img1.jpg" /></a>
            <a href="#"><img src="anh/img2.jpg" /></a>
            <a href="#"><img src="anh/img3.jpg" /></a>
            <a href="#"><img src="anh/img4.jpg" /></a>
            <a href="#"><img src="anh/img5.jpg" /></a>
            <a href="#"><img src="anh/img6.jpg" /></a>
            <a href="#"><img src="anh/img7.jpg" /></a>
            <a href="#"><img src="anh/img8.jpg" /></a>
            <a href="#"><img src="anh/img9.jpg" /></a>
            <a href="#"><img src="anh/img10.jpg" /></a>
            <a href="#"><img src="anh/img11.jpg" /></a>
            <a href="#"><img src="anh/img12.jpg" /></a>
            <a href="#"><img src="anh/img13.jpg" /></a>
            <a href="#"><img src="anh/img14.jpg" /></a>
            <a href="#"><img src="anh/img15.jpg" /></a>
            <a href="#"><img src="anh/img16.jpg" /></a>
            <a href="#"><img src="anh/img17.jpg" /></a>
            <a href="#"><img src="anh/img18.jpg" /></a>
            <a href="#"><img src="anh/img19.jpg" /></a>
            <a href="#"><img src="anh/img20.jpg" /></a>
        </div>
    </div>
    <a href="#" class="jTscrollerPrevButton"></a>
    <a href="#" class="jTscrollerNextButton"></a>
</div>

<script>
    jQuery.noConflict();
    (function ($) {
        window.onload = function () {
            $("#tS2").thumbnailScroller({
                scrollerType: "hoverPrecise",
                scrollerOrientation: "horizontal",
                scrollSpeed: 2,
                scrollEasing: "easeOutCirc",
                scrollEasingAmount: 600,
                acceleration: 4,
                scrollSpeed: 800,
                noScrollCenterSpace: 10,
                autoScrolling: 0,
                autoScrollingSpeed: 2000,
                autoScrollingEasing: "easeInOutQuad",
                autoScrollingDelay: 500
            });
        }
    })(jQuery);
</script>
<script src="java/jquery.thumbnailScroller.js"></script>



</body>
</html>
